<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<title>用户中心-安全中心-b</title>
	<link rel="stylesheet" type="text/css" href="./css/reset.css">
	<link rel="stylesheet" type="text/css" href="./css/style.css">
	<link rel="stylesheet" type="text/css" href="./css/iconfont/iconfont.css">
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/demo.js"></script>
</head>
<body>
<!-- header -->
    <div class="pre-header">
    	<div class="mini-nav">
    		<div class="wrap">
    			<div class="mini-nav-left fl">
    				<span class="fl">北京市&#12288;天气阴</span>
    				<span class="iconfont icon-icon53 fl"></span>
    				<span class="fl">&#12288;2014年11月14日&#12288;星期五</span>
    			</div>
    			<div class="mini-nav-right fr">
    				<a class="fl" href="#">欢迎您 linda!</a>
    				<a class="fl" href="#">我的快注</a>
    				<a class="fl" href="#"><span class="iconfont icon-favorite fl"></span class="fl"> 收藏</span></a>
    			</div>
    		</div>
    	</div>
    	<div class="nav clearfix">
    		<div class="wrap">
    			<div class="nav-left fl">
    			    <a href="#"><img src="./images/logo.png"></a>
    			</div>
    			<div class="nav-right fr">
    				<a class="fl" href="./index.html">首页</a>
                    <a class="fl" href="./trademark-registration.html">商标快注</a>
                    <a class="fl" href="./news.html">注吧资讯</a>
                    <a class="fl" href="./contact-us.html">联系我们</a>
    			</div>
    		</div>
    	</div>
    </div>
<!-- main -->
    <div class="personal-main clearfix">
        <div class="wrap">
            <div class="personal-content clearfix">
                <div class="personal-left fl">
                    <div class="shrink-left">
                        <div class="personal-left-title">我的快注</div>
                        <div class="bar top-bar">
                            <div class="fl" style="position: relative;">
                                <img class="fl" src="./images/head.jpg">
                                <span class="fl">&#12288;你好，linda!&#12288;</span>
                                <img class="fl" src="./images/voice.png">
                                <div class="message-no fr">5</div>
                            </div>
                            <div>
                                <div class="fl">资料完善度：</div>
                                <div class="process-bar fl">
                                    <div class="percent"><p>50%</p></div>
                                </div>
                                <div class="fl">&#12288;<a href="./usercenter-myinfo.html">完善</a></div>
                            </div>
                        </div>
                        <div class="bar bottom-bar">
                            <div class="safe-bg"></div>
                            <div class="bottom-bar-lower">
                                <div class="fl">安全等级：</div>
                                <div class="process-bar fl">
                                    <div class="percent percent-100"><p>100%</p></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix">
                        <ul>
                            <li class="outside">
                                <p class="usercenter-bg"><a href="javascript:;">用户中心</a></p>
                                <ul class="hidden">
                                    <li><a href="./usercenter-personal-info.html">个人信息</a></li>
                                    <li><a href="./usercenter-myinfo.html">我的资料</a></li>
                                    <li><a href="./usercenter-myidea.html">我的创意</a></li>
                                    <li><a href="./usercenter-safety-set.html">安全中心</a></li>
                                </ul>
                            </li>
                            <li class="outside">
                                <p class="order-bg"><a href="javascript:;">我的订单</a></p>
                                <ul class="hidden">
                                    <li><a href="./non-payment.html">未付款</a></li>
                                    <li><a href="./account-paid.html">已付款</a></li>
                                    <li><a href="./declared.html">已申报</a></li>
                                    <li><a href="./after-sale-service.html">售后服务</a></li>
                                    <li><a href="./order-recycling.html">订单回收站</a></li>
                                </ul>
                            </li>
                            <li class="outside">
                                <p class="dollar-bg"><a href="./my-dollar.html">我的快注币</a></p>
                            </li>
                            <li class="outside">
                                <p class="question-bg"><a href="./question.html">问答</a></p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="personal-right fr">
                    <div class="shrink-right">
                        <div class="personal-right-title">
                            <p class="fl">安全中心</p>
                            <div class="security-right fr">
                                <div class="security-right-text fl">安全等级：</div>
                                    <div class="security-bar fl">
                                        <div class="percent-80"><p>80%</p></div>
                                    </div>
                                </div>
                            </div>
                        <div class="attention-text">系统提醒! 为了及时通知您申报进度，请准确填写账户信息。</div>
                        <table class="security-table">
                            <tr>
                                <th class="table-left">安全设置</th>
                                <th>状态</th>
                                <th>说明</th>
                                <th>操作</th>
                            </tr>
                            <tr>
                                <td class="table-left">手机验证</td>
                                <td>已验证</td>
                                <td>130******89</td>
                                <td><a href="./usercenter-safety-set-b.html">更换手机</a></td>
                            </tr>
                            <tr>
                                <td class="table-left">邮箱验证</td>
                                <td class="text-highlight">未完成</td>
                                <td>
                                    <input type="email" placeholder="邮箱地址">
                                </td>
                                <td><a href="./usercenter-safety-set-b.html">验证/更换</a></td>
                            </tr>
                            <tr>
                                <td class="table-right">
                                    <span class="table-left">密保问题</span>
                                    <select class="table-right">
                                        <option>问题一</option>
                                        <option>我的名字？</option>
                                        <option>我的职业？</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" name="answer" placeholder="答案">
                                </td>
                                <td rowspan="3">可用于找回密码</td>
                                <td rowspan="3"><a href="./usercenter-safety-set-b.html">保存</a></td>
                            </tr>
                            <tr>
                                <td class="table-right">
                                    <select class="table-right">
                                        <option>问题二</option>
                                        <option>我的名字？</option>
                                        <option>我的职业？</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" name="answer" placeholder="答案">
                                </td>
                            </tr>
                            <tr>
                                <td class="table-right">
                                    <select class="table-right">
                                        <option>问题三</option>
                                        <option>我的名字？</option>
                                        <option>我的职业？</option>
                                    </select>
                                </td>
                                <td>
                                    <input type="text" name="answer" placeholder="答案">
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!-- footer -->
    <div class="personal-footer clearfix">
        <div class="wrap">
            <div class="personal-footer-left fl">
                <a href="./trademark-registration.html">新手帮助</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="./trademark-registration.html">商标快注</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="./news.html">注吧资讯</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="./contact-us.html">联系我们</a>
            </div>
            <div class="personal-footer-right fr">
                &copy; 2014 北京市快注知识产权代理有限公司 版权所有 京ICP备14014304号-1 京ICP证140441号
            </div>
        </div>
    </div>
</body>
</html>